<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>顶部导航栏</title>
		<style>
			body {
				background-color: #000000;
			}

			dl,
			ol,
			ul {
				margin-top: 0;
			}

			.fixed-top {
				position: fixed;
				top: 0;
				right: 0;
				left: 0;
				z-index: 1030;
				display: flex;
				align-items: center;
				padding: 10px 0px 10px 5px;
				margin: 0 auto;
				width: 90%;
				height: fit-content;
				background-color: #fff;
				border-radius: 0 0 15px 15px;
				flex-flow: row nowrap;
				justify-content: flex-start;
			}

			.navbar-nav {
				display: flex;
				padding-left: 0;
				margin-bottom: 0;
				list-style: none;
				margin-right: auto !important;
			}

			.fixed-top .nav-link {
				padding-left: 1.5rem;
				color: #000;
				text-decoration: none;
				font-size: 17px;
			}

			.fixed-top .nav-link:hover {
				color: #1296db;
			}
		</style>
	</head>
	<body>
		<nav class="fixed-top">
			<div style="flex-grow: 1;display: flex!important; flex-basis: auto;">
				<ul class="navbar-nav">
					<li>
						<a class="nav-link" href="https://dyartstyle.com/" target="_blant">🥕主页</a>
					</li>
					<li>
						<a class="nav-link" href="https://hao.5iux.cn/" target="_blant">🥥杂记</a>
					</li>
					<li>
						<a class="nav-link" href="https://wat.dyartstyle.com/" target="_blant">🔥赞赏</a>
					</li>
					<li>
						<a class="nav-link" href="https://github.com/5iux/5iux.github.io" target="_blant">🌈公众号</a>
					</li>
				</ul>
				<!-- 向右扩充 -->
			</div>
		</nav>
	</body>
</html>